//现场录入
import func from './vue-temp/vue-editor-bridge';
<template>
    <div>
      <div class="item" @click="show">
        煤粉粉碎细度数据
      </div>
      <div class="item">
        化产未自动采集的报表数据
      </div>

      <mt-popup
        v-model="popupVisible"
        position="right">
        <mt-header title="煤粉粉碎细度录入">
          <mt-button  slot="left" icon="back" @click="close">返回</mt-button>
      </mt-header>
        <mt-cell :title="item.name" v-for="(item,index) in menu_list" :key="index" is-link>
                  <mt-badge size="normal" color="#26a2ff">{{item.time}}</mt-badge>
                  <span>{{item.time}}</span>
                  <i class="fa fa-pencil fa-lg"></i>


              </mt-cell>

              <div>
                  <mt-button type="primary" size="large">提交</mt-button>
              </div>
              <div class="replace">

              </div>
      </mt-popup>
        
    </div>

</template>

<script>
export default {
  name: "firingScene",
  data() {
    return {
      popupVisible: false,
      menu_list: [
        {
          name: "日期",
          content: "2018-08-08",
          time: "2018-09-09"
        },
        {
          name: "班次",
          content: "白班",
          time: "2018-09-09"
        },
        {
          name: "粉碎机号",
          content: "1#",
          time: "2018-09-09"
        },
        {
          name: "转向",
          content: "正转",
          time: "2018-09-09"
        },
        {
          name: "粉碎细度",
          content: "80",
          time: "2018-09-09"
        },
        {
          name: "≥8",
          content: "12%",
          time: "2018-09-09"
        },
        {
          name: "8～3.2",
          content: "12%",
          time: "2018-09-09"
        },
        {
          name: "3.2～1.25",
          content: "12%",
          time: "2018-09-09"
        },
        {
          name: "1.25～1",
          content: "12%",
          time: "2018-09-09"
        },
        {
          name: "1.0～0.8",
          content: "12%",
          time: "2018-09-09"
        },
        {
          name: "0.8～0.28",
          content: "12%",
          time: "2018-09-09"
        },
        {
          name: "≤0.28",
          content: "12%",
          time: "2018-09-09"
        }
      ]
    };
  },
  methods: {
    show: function() {
      this.popupVisible = true;
    },
    close:function(){
      this.popupVisible = false;
    }
  },
  mounted() {}
};
</script>

<style lang="scss" scoped>
.mint-popup {
  height: 100vh;
  overflow: auto;
}
.item {
  width: 80%;
  border: 1px solid #26a2ff;
  padding: 16px 0;
  border-radius: 16px;
  margin: 8px auto;
  text-align: center;
}
.replace {
  height: 28px;
}
</style>
